<template>
  <div class="main">
    <div class="banner">
      <img src="../assets/images/gsjj-banner.png" alt="" />
    </div>
    <div class="center">
      <img
        v-for="(item, index) in licenseData"
        :key="index"
        :src="item.image"
        alt=""
      />
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      licenseData:[]
    }
  },
  created () {
    // 行政许可
    this.$http.getLicense().then((res) => {
      if (res.data.code === 0) {
        this.licenseData = res.data.data
      } else {
        this.$message.error('请求失败，请重试！')
      }
    })
  }
};
</script>

<style lang="scss" scoped>
.banner {
  max-width: 1920px;
  height: 700px;
  position: relative;
  img {
    height: 100%;
    width: 100%;
  }
}
.center {
  max-width: 1200px;
  margin: 0 auto;
  font-family: PingFang SC;
  padding: 70px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  img {
    width: 380px;
    height: 244px;
    margin-top: 30px;
  }
  img:nth-child(1),
  img:nth-child(2),
  img:nth-child(3){
      margin-top: 0;
  }
}
</style>